.warp {
  width: 1200px;
  margin: 0 auto;
  border: 1px solid #eee;
  border-bottom: none;
  display: flex;
  justify-content: space-between; }
  .warp .you {
    width: 1200px; }
    .warp .you .dht {
      width: 100%;
      height: 35px;
      line-height: 35px; }
      .warp .you .dht .sp3 {
        width: 2%;
        height: 10px;
        margin-left: 2%;
        color: red; }
      .warp .you .dht .cb {
        margin-left: 2%; }
      .warp .you .dht .sp4 {
        width: 2%;
        height: 10px;
        color: #ccc;
        margin-left: 2%; }
      .warp .you .dht .suos {
        width: 18%;
        display: inline-block;
        background: #ccc;
        text-align: center; }
      .warp .you .dht .sp5 {
        color: #ccc;
        margin-left: 57%; }
    .warp .you .biaoti {
      width: 100%;
      height: 35px;
      display: flex;
      justify-content: space-between; }
      .warp .you .biaoti .pa {
        width: 14%;
        border: 1px solid #eee;
        height: 35px;
        line-height: 35px;
        text-align: center;
        color: #888; }
      .warp .you .biaoti .xuan {
        width: 86%;
        border-bottom: 1px solid #eee;
        border-top: 1px solid #eee;
        height: 35px;
        line-height: 35px; }
        .warp .you .biaoti .xuan span {
          font-size: 12px;
          margin-left: 6%; }
        .warp .you .biaoti .xuan input {
          width: 6%;
          height: 20px;
          margin-top: 7px;
          font-size: 11px;
          text-align: center;
          line-height: 20px;
          margin-left: 55%; }
    .warp .you .kong {
      width: 100%;
      height: 5px;
      border-bottom: 1px solid #eee;
      border-left: 1px solid #eee;
      background: #f7f7f7; }
    .warp .you .bao2 {
      width: 100%;
      border: 1px solid #eee;
      border-right: none;
      display: flex;
      justify-content: space-between; }
      .warp .you .bao2 .left {
        width: 14%;
        border-right: 1px solid #eee;
        text-align: center;
        padding-top: 10px;
        color: #888; }
      .warp .you .bao2 .right {
        width: 86%; }
        .warp .you .bao2 .right p {
          margin: 0; }
        .warp .you .bao2 .right .ppp {
          width: 100%;
          height: 40px;
          line-height: 40px;
          border-bottom: 1px solid #eee; }
          .warp .you .bao2 .right .ppp span {
            margin-left: 4%; }
        .warp .you .bao2 .right .yx {
          width: 100%;
          height: 130px;
          background: #f7f7f7;
          overflow: auto; }
          .warp .you .bao2 .right .yx p {
            margin: 0; }
          .warp .you .bao2 .right .yx .ppp1 {
            width: 100%;
            line-height: 40px; }
            .warp .you .bao2 .right .yx .ppp1 span {
              margin-left: 4%; }
            .warp .you .bao2 .right .yx .ppp1 .zi {
              color: #ccc;
              margin-left: 2%;
              margin-right: 3%; }
      .warp .you .bao2 .dian {
        width: 100%;
        height: 35px;
        text-align: center;
        background: #eee; }
        .warp .you .bao2 .dian input {
          width: 6%;
          height: 20px;
          margin-top: 7px;
          font-size: 11px; }
        .warp .you .bao2 .dian .inp {
          border: none;
          outline: none;
          color: #ccc; }
    .warp .you .kong1 {
      width: 100%;
      height: 5px;
      border-bottom: 1px solid #eee;
      border-left: 1px solid #eee;
      background: #f7f7f7; }
  .warp .shu {
    width: 100%;
    border-bottom: none;
    border-right: none;
    margin-top: 10px; }
    .warp .shu .div1 {
      width: 100%;
      height: 50px;
      background: #f7f7f7;
      line-height: 50px; }
      .warp .shu .div1 .div1_01 {
        font-size: 15px;
        font-weight: bold;
        margin-left: 30px;
        float: left;
        display: inline-block;
        height: 50px;
        line-height: 50px; }
      .warp .shu .div1 .paix {
        display: inline-block; }
        .warp .shu .div1 .paix span {
          border: 1px solid #eee;
          padding: 8px 11px; }
      .warp .shu .div1 .div1_05 {
        margin-left: 44%;
        margin-right: 3%;
        color: red; }
    .warp .shu .div2 {
      width: 100%;
      background: #F7F7F7;
      height: 40px;
      line-height: 40px;
      border-top: 1px solid #eee; }
      .warp .shu .div2 .div2_01 {
        font-size: 15px;
        font-weight: bold;
        margin-left: 3%; }
      .warp .shu .div2 .div2_02 {
        font-size: 15px;
        font-weight: bold;
        margin-left: 5%; }
      .warp .shu .div2 .div2_03 {
        color: red; }
    .warp .shu .div3 {
      width: 100%;
      margin-top: 20px;
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap; }
      .warp .shu .div3 .dd {
        width: 21%;
        margin-left: 3.2%; }
        .warp .shu .div3 .dd .pp1 {
          width: 100%; }
          .warp .shu .div3 .dd .pp1 img {
            width: 100%; }
        .warp .shu .div3 .dd .pp2 {
          width: 100%;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          color: #000; }
        .warp .shu .div3 .dd .pp3 {
          color: #666;
          font-size: 12px; }
        .warp .shu .div3 .dd .pp5 {
          color: red;
          font-size: 16px;
          font-weight: bold;
          position: relative; }
          .warp .shu .div3 .dd .pp5 .xbt {
            width: 43px;
            height: 43px;
            position: absolute;
            right: 0px;
            bottom: 1px;
            background: url("../../img/origin/sprites.png") no-repeat;
            background-position: -120px -212px; }
            .warp .shu .div3 .dd .pp5 .xbt:hover {
              background-position: -126px -20px; }
  .warp .tkk {
    height: 60px;
    width: 100%;
    line-height: 60px;
    font-size: 14px;
    font-weight: bold;
    text-indent: 20px;
    background: #FFFDEA;
    border: 1px solid #FFDBA7; }
